<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		     <script src="../js/vue.min.js"></script>
			 <script src="../js/axios.js"></script>
	</head>
	<body>
<!--二：axios传参
1：Vue官方推荐组件axios默认就是提交 JSON 字符串，
所以我们要以json字符串直接拼接在url后面的形式，
直接将json对象传进去就行了
-->
	<div id="app">
		  <div  v-for="site in info">
		    {{ site.name }}
		  </div>
		</div>

  <script type = "text/javascript">
	  let  postData = {
		  　　userName:'张珊',
		  　　password:'123456'
		  };
	  
  new Vue({
	el: '#app',
	// data(){
	//   return {
	// 	info: null
	//   }
	// },
	data:{   //上面data是在vue页面的写法：纯html 两种都可以
		info: null
	},
	
	
	mounted() {
	axios.get('../jsondata/1.json',{
		params: {   //发送请求：带json的数据：这里是说明语法用法：去1.json带参数五意义
		　　　　postData,
		　　}
	}).then(
	   response => {this.info = response.data.first;}, 
	);
	  
	}
  })
  </script>